<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=9"/>
    <meta http-equiv="pragma" content="no-cache"/>
    <title>井冈山智慧社区官方网站</title>
    <%@ include file="../common/Website-list.jsp" %>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/Scripts/OwlCarousel/css/owl.carousel.css"/>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/Scripts/OwlCarousel/css/owl.theme.default.css"/>

    <script src="${pageContext.request.contextPath}/Scripts/uaredirect.js" type="text/javascript"></script>
    <script type="text/javascript">uaredirect("${pageContext.request.contextPath}/Hbj-wap/index.html")</script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/Scripts/highcharts/highcharts.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/pages/WebSitePc/js/index.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/Scripts/OwlCarousel/js/owl.carousel.js"></script>


    <style type="text/css">
        #picnews .nivo-main-image {
            width: 621px !important;
            height: 330px !important;
            max-height: 330px;
            min-height: 330px;
        }

        #picnews .nivo-slice, .nivo-slice img {
            height: 330px !important;
            max-height: 330px;
            min-height: 330px;
        }

    </style>


</head>
<body>
<!--Header Holder-->
<jsp:include page="../WebSitePc/heads.jsp"/>

<!-- 漂浮广告 -->
<div id="adDiv"
     style="display:none;position: absolute; right: 0px;z-index: 1000; width: 210px; min-height: 120px;top: -1000px; word-break: break-all;">
    <div class="md-content"
         style="background: #c41d0d  none repeat scroll 0 0;border-radius: 3px;color: #fff;margin: 0 auto; position: relative;">
        <h3 id="adTitle"
            style="background:#df0109 none repeat scroll 0 0;border-radius: 3px 3px 0 0;font-size: 1.2em;font-weight:700;margin: 0;opacity: 0.8; padding: 0.4em;text-align: center;">
            市委
        </h3>
        <a href="javascript:;" onclick="hidead()" style="position: absolute;top:0px;right:3px;color:#fff;">X</a>
        <div style="margin: 0;padding:5px 10px;" id="adContent">
        </div>
    </div>
</div>
<!--main start-->
<div class="main">

    <div class="con01">
        <div id="pic" class="slider-wrapper theme-default">
            <div class="ribbon"></div>
            <div class="picnews" id="picnews"></div>
        </div>

        <div class="tabNews" id="tabNews">
            <ul>
                <li onclick="openMore(2)"><a href="#tab-1">社区新闻</a></li>
                <li onclick="openMore(3)"><a href="#tab-2">社区公告</a></li>
                <li onclick="openMore(73)"><a href="#tab-3">社区动态</a></li>
            </ul>
            <div id="tab-1">
                <ul class="news-tab-ul" id="sqxw">
                </ul>
            </div>
            <div id="tab-2">
                <ul class="news-tab-ul" id="sqgg">
                </ul>
                <!--<div class="more"> </div>  -->
            </div>
            <div id="tab-3">
                <ul class="news-tab-ul" id="sqdt">
                </ul>
                <!--<div class="more"> </div>  -->
            </div>
        </div>

        <script type="text/javascript">
            $(document).ready(function () {
                $('#tabNews').responsiveTabs({
                    rotate: false,
                    startCollapsed: 'accordion',
                    collapsible: 'accordion',
                    active: 0,
                    setHash: true,
                    event: 'mouseover' // The tabs will activate on mouseover
                });
            });
        </script>


    </div>
    <!--main 机构职能-->
    <div class="con02">
        <div class="jgzn-left">
            <ul id="jgznUl">
            </ul>
        </div>

        <div class="tabNews2" id="tabNews2">
            <ul>
                <li onclick="openMore(7)"><a href="#tab2-1">办事指南</a></li>
                <li><a onclick="openMore(3)" href="#tab2-2">法律法规</a></li>
                <!-- <li><a onclick="openMore(5)" href="#tab2-3">政策法规</a></li>	 -->
            </ul>
            <div id="tab2-1">
                <ul class="news2-tab-ul" id="bszn">
                </ul>
            </div>
            <div id="tab2-2">
                <ul class="news2-tab-ul" id="flfg">
                </ul>
            </div>
            <!-- <div id="tab2-3">
                <ul class="news2-tab-ul" id="zcfg"></ul>
            </div> -->
        </div>

        <script type="text/javascript">
            $(document).ready(function () {
                $('#tabNews2').responsiveTabs({
                    rotate: false,
                    setHash: true,
                    active: 0,
                    scrollToAccordion: false,
                    scrollToAccordionOnLoad: false,
                    event: 'mouseover' // The tabs will activate on mouseover
                });
            });
        </script>
        <div class="data-right">
            <ul id="dataUl">
            </ul>
        </div>
    </div>

    <!--main 空气质量-->
    <div class="con03">
        <div class="aqi-left" id="tabAqi">
            <ul>
                <li><a href="#tab3-1">便民信息</a></li>
                <li><a href="#tab3-2">便民热线</a></li>
            </ul>
            <div id="tab3-1" style="padding:0px;">
                <!-- <div class="pj_area_data"  id="container"  style="min-width:945px;height:205px">
                   </div> -->
                <ul class="news-tab-ul" id="bmxx">
                </ul>
            </div>
            <div id="tab3-2" style="padding:0px;">
                <!-- 24小时水质信息 -->
                <ul class="news-tab-ul" id="bmrx">
                </ul>
                <!-- <div class="water_sites">
                    <span>自动水站：</span>
                </div> -->
            </div>
        </div>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#tabAqi').responsiveTabs({
                    rotate: false,
                    startCollapsed: 'accordion',
                    collapsible: 'accordion',
                    setHash: true,
                    active: 0,
                    event: 'mouseover' // The tabs will activate on mouseover
                });


            });
        </script>
        <div class="aqi-right">
            <div class="bi_aqiarea_top">
                <a href="#" class="bi_aqiarea_num"></a>
                <p class="bi_aqiarea_right">
                    <span id="quality_level" class="bi_aqiarea_wuran wuranlevel_1"></span>
                    <span class="bi_aqiarea_tips">AQI指数</span>
                </p>
                <div class="clear"></div>
            </div>
            <div class="bi_aqiarea_bottom">
                <p>首要污染物：<span id="wuranwu"></span></p>
                <p>温馨提示：<span id="tips"></span></p>
                <p>监测时间：<span id="ptime"></span></p>
            </div>
        </div>


    </div>
    <!-- 专题 con04  -->
    <div id="owl-demo" class="owl-carousel owl-theme">

    </div>

    <!-- 政民互动 -->
    <div class="con05">
        <div class="con05-left">
            <div class="tit"><h3>政民互动</h3></div>
            <div class="icolist" id="zmhdDiv">
            </div>
        </div>
        <div class="con05-right">
            <ul id="tsjbUl">
            </ul>
        </div>
    </div>
    <!-- 友情链接 -->
    <div class="con06">
        <div class="tit"><h3>友情链接</h3></div>
        <div class="icolist">
            <ul id="links">
            </ul>
        </div>
    </div>
</div>
<!--foot start-->
<jsp:include page="../WebSitePc/footer.jsp"/>
</body>
<script type="text/javascript">
    $(document).ready(function () {
        //文章列表
        //分类id,标签页ID,1会查5条记录，0查6条。
       // queryArticleList(2, 'sqxw', 0); //社区新闻-- 类目id  divId  是否第一栏
        queryArticleList(3, 'sqgg', 0); //社区公告
        queryArticleList(4, 'sqdt', 0); //社区动态

        queryArticleList(7, 'bszn', 0); //办事指南
        queryArticleList(6, 'flfg', 0); //法律法规
        //queryArticleList('47,48','zcfg',0); //政策法规

        queryArticleList(10, 'bmxx', 0); //便民信息
        queryArticleList(11, 'bmrx', 0); //便民热线

        queryAdPic(8, 'jgznUl');//机构职能
        queryAdPic(10, 'dataUl'); //数据服务

        queryAdPicForA(11, 'zmhdDiv'); //政民互动
        queryAdPicForTs(12, 'tsjbUl'); //投诉举报

    });

    //打开选项卡的更多
    function openMore(categoryId) {
        var moreUrl = $ctx + 'SiteIndex/category.htm?id=' + encode64((categoryId).toString());
        //window.location.href=moreUrl;
        window.open(moreUrl);
    }


</script>
<SCRIPT LANGUAGE="JavaScript">
    <!--
    var showad = true;
    var Toppx = 300;//上端位置
    var PageWidth = 800;//这个参数决定是否出现左右滚动条
    var MinScreenW = 1024; //显示广告的最小屏幕宽度象素

    //获取广告图片
    $.ajax({
        type: "POST",
        url: 'SiteIndex/querySiteAd.json',
        data: {
            visible: 0,
            typeid: 14
        },
        cache: false,
        dataType: 'json',
        success: function (data) {
            if (data != null && data.length > 0) {
                $.each(data, function (idx, obj) {
                    if (obj.filepath != null && $.trim(obj.filepath) != '') {
                        $("#adTitle").html(obj.title);
                        var addhtml = '<a target="_blank" href="' + obj.link + '" ><img src="' + obj.filepath + '" width="206" height="76"></img></a>';
                        $("#adContent").html(addhtml);
                    }
                });
            } else {
                showad = false;
                document.getElementById("adDiv").style.display = "none";
            }
        },
        error: function () {
        }
    });

    function scall() {
        if (!showad) {
            return;
        }
        if (window.screen.width < MinScreenW) {
            // alert("临时提示：\n\n显示器分辨率宽度小于"+MinScreenW+",不显示广告");
            showad = false;
            document.getElementById("adDiv").style.display = "none";
            return;
        }
        document.getElementById("adDiv").style.display = "";
        document.getElementById("adDiv").style.top = (document.body.scrollTop + Toppx) + "px";
    }


    function hidead() {
        showad = false;
        document.getElementById("adDiv").style.display = "none";
    }

    window.onscroll = scall;
    window.onresize = scall;
    window.onload = scall;
    //-->
</SCRIPT>

</html>